<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head();?>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50" <?php body_class(); ?>>
  <div id="panel">

    <div class="slideout-panel">

      <button class="js-slideout-toggle linear-animation">
        <span class="top-row"></span>
        <span class="middle-row"></span>
        <span class="bottom-row"></span>
      </button>	
      <?php 

      $bg  = get_field( 'default_image', 'options' );

      //preprint( $bg );
      /*style="background-image: url(<?php echo $bg['url'];?>)"*/
      ?>
      <div class="wrapper">
      <header class="header">
          <nav class="navbar main-nav">
            <div class="container"> 
            
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button>
                      <div class="logo-img">
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                  <?php the_icon( 'photodron_logo', 'logo' ); ?>
                  <?php //bloginfo( 'name' ); ?>    
                </a></div>
              </div>
            
              <div class="collapse navbar-collapse" id="navbar-collapse">
                  <?php wp_nav_menu( array('theme_location'=>'primary','container' => '', 'container_class' => '', 'container_id' => '', 'menu_class'=>'nav navbar-nav','depth'=> 0)); ?>  
              </div>
            </div>
        </nav>
        <nav class="navbar main-nav navbar-scroll">
            <div class="container"> 
            
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button>
                      <div class="logo-img">
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                  <?php the_icon( 'photodron_logo', 'logo' ); ?>
                  <?php //bloginfo( 'name' ); ?>    
                </a></div>
              
              </div>
            
              <div class="collapse navbar-collapse" id="navbar-collapse">
              <?php wp_nav_menu( array('theme_location'=>'primary','container' => '', 'container_class' => '', 'container_id' => '', 'menu_class'=>'nav navbar-nav','depth'=> 0)); ?>  
              </div>
            </div>
        </nav>
      </header>
      <!--close-header-->